* {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Trebuchet MS, Lucida Grande, Verdana, Arial, sans-serif;
	font-size: 12px;
	}
body {
	}
div#container {
	}
div#field {
	}
div#control {
	}
div#content {
	}
div#extra {
	}

div#content h1 {
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 2.5em;
	color: #E62C00;
	letter-spacing: -1px;
	}
div#content h2 {
	font-weight: normal;
	font-style: italic;
	color: #000000;
	font-size: 2.0em;
	letter-spacing: 2px;
	margin-top: 1em;
	}
div#content h3 {
	font-size: 1.5em;
	color: #6F90B5;
	}
div#content h4 {
	font-size: 12px;
	}
div#extra ul {
	list-style: none;
	}
img.spaced {
	}
div#content h2 a {
	background: none;
	padding-left: 0px;
	}

hr {
	border: none;
	height: 1px;
	background: #ccc;
	margin: 2em 0;
	}
img {
	border: 0px;
	padding: 0px;
	}

span.highlight {
/*	color: red;
	font-weight: bold;*/
/*	border: 1px solid red;
*/	background: #DFDFDF;
/*	border-top: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;

/*	text-decoration: underline;
/*	border-bottom: 1px solid red;
/*	color: red;
	font-weight: bold;
	padding: 2px;
	border: 1px solid red;
	background: yellow;
*/
	}

table.hidden tr, table.hidden tr * {
	display: none;
	}



/*  --  IMAGE PREVIEW  --  */
div.preview {
	border: 1px solid black;
	display: none;
	position: absolute;
	background: white;
	cursor: pointer;
	}
img.preview_zoom {
	border-top: 1px solid black;
	}
img.preview {
	cursor: pointer;
	}

img.thumb {
	cursor: pointer;
	}



div#home ul li.main {
	float: left;
	width: 19%;
	border: 2px solid gray;
	padding: 1em;
	margin-right: 1em;
	-moz-border-radius: 0.7em;
	}
div#home ul li.main>a {
	font-size: 1.5em;
	font-weight: bold;
	background: none;
	padding: 0px;
	}


div#cover ul li.main {
	float: left;
	width: 42%;
	border: 2px solid gray;
	padding: 1em 2em 1em 2em;
	margin-right: 1em;
	-moz-border-radius: 0.7em;
	margin-bottom: 1em;
	}
div#cover ul li.main>a {
	font-size: 1.5em;
	font-weight: lighter;
	background: none;
	padding: 0px;
	}
div#cover ul li.main ul li {
	list-style: circle;
	margin-left: 2em;
	}


#content ul li {
	list-style: circle;
	margin-left: 20px;
}

small {
	font-size: 0.9em;
/*	opacity: 0.75;*/
	}
table.grid {
	border-collapse: collapse;
	border-style: dotted;
	border-color: gray;
	border-width: 1px;
	width: 100%;
	}
table.grid td.serial {
	overflow: auto;
	}
	
	
body {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #3F3F3F;
	text-align: center;
	min-width: 820px;
	}
div#container {
	background: white;
	text-align: left;
	color: #585858;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 25px;
	}
div#header {
	}
div#mainheader {
	}
div#subheader {
	}
div#navigation {
	}
div#mainnavigation {
	clear: both;
	padding: 0px;
	}
div#subnavigation {
	clear: both;
	padding: 0px;
/*	border-top: 1px solid gray;*/
	}
div#messages {
	}
div#field {
/*	border-top: 1px solid gray;*/
	padding-top: 1em;
	padding-bottom: 1em;
	}
div#content {
	}
div#control {
	}
div#extra {
/*	float: right;
	width: 160px;
	margin-left: 1em;
*/	}
div#footer {
	clear: both;
	}
div#mainfooter {
	}
div#subfooter {
	}
div#dev {
	clear: both;
/*	border: 1px solid #DEEDFA;
	background: #DFEFFF;
	padding: 0em 2em 1em 2em;*/
	}


div#header {
}

div#header h1{
	font-size: 1.8em;
}

div#header h4{
	font-size: 1.2em;
	font-weight: normal;
}


div#header {
	padding: 0px;
}
div#header {
	padding-top: 13px;
	padding-left: 80px;
	display: block;
	height: 70px;
	background-image: url(../../../../images/logo.png);
	background-repeat: no-repeat;
	background-position: 0px 15px;
}

div#header h1{
	height: 35px;
}

div#header h4{
	display: inline;
	vertical-align: text-bottom;
	font-weight: lighter;
}
div#header td.logo {
}


/*#navigation {

	}

#navigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-left: 0.9em;
	font-weight: bold;
	}
#navigation ul li ul {
	font-weight: normal;
	}
#navigation ul li {
	margin: 0px;
	padding: 0px;
	}
#navigation ul li ul li{
	margin: 0px;
	padding: 0px;
	padding: 1px 2px 1px 2px;
	}
#navigation ul li.current {
	border: 1px solid #DDDDDD;
	background: #E7E7E7;
	}


#navigation ul li.current ul li {
	}


#navigation ul li span {
	background-repeat: no-repeat;
	background-position: -5px -2px;
	width: 12px;
	height: 12px;
	display: block;
	float: left;
	cursor: pointer;
	}
#navigation ul li span.open {
	background-image: url(../../images/icons/minus.gif);
	}
#navigation ul li span.closed {
	background-image: url(../../images/icons/plus.gif);
	}
*/
div#navigation ul {
	list-style: none;
	}
div#navigation li {
	float: left;
	}

div#navigation li.current {
	}

div#navigation li a {
	background: none;
	border-bottom: 1px solid gray;
	}

div#mainnavigation li.current a {
	color: white;
	font-weight: bold;
	background: #000;
	border-top: 0px;
	}

div#subnavigation li.current a {
	color: white;
	background: #7F7F7F;
	}

div#navigation li.current a:hover {
	background: #333;
	}
div#navigation a:hover {
	text-decoration: none;
	background: #EEE;
	}



div#mainnavigation li a {
	display: block;
	font-size: 1.2em;
	font-weight: lighter;
	letter-spacing: 0px;
	padding: 5px 10px 4px 10px;
	}



div#subnavigation li a {
	display: block;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 0px;
	padding: 3px 12px 2px 12px;
}



div#footer ul {
	display: none;
	border-top: 1px solid gray;
	padding-top: 3px;
	padding-bottom: 2px;
	}


div#footer li {
	font-size: 7pt;
	list-style: none;
	display: inline;
	border-right: 1px solid gray;
	padding-left: 3px;
	padding-right: 8px;
	}

div#footer li.last {
	padding-right: 0px;
	border-right: none;
	}

div#footer li.first {
	padding-left: 0px;
	}

div#footer a {
	background: none;
	padding: 0px;
	}

div#footer ul.badges li {
	border-right: none;
	padding-top: 3px;
	padding-bottom: 2px;
	}

div#subfooter {
	display: none;
	}

/*div#mainfooter ul {
	text-align: center;
	margin-top: 1px;
}
div#mainfooter li {
	font-size: 0.9em;
	list-style: none;
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
	border-left: 2px solid gray;
	opacity: .75;
}
div#mainfooter li.first {
	border-left: 0px;
}
div#mainfooter li:hover {
	opacity: 1;
}
div#mainfooter li a {
	font-size: 0.9em;
	background-position: 0px 1px;
}


div#subfooter ul {
	text-align: center;
	padding-top: 7px;
}
div#subfooter li {
	list-style: none;
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
}
div#subfooter li img {
	opacity: .5;
}
div#subfooter li img:hover {
	opacity: 1;
}
*/	


div.success span.info,
div.notice span.info,
div.error span.info,
div.failure span.info {
	display: none;
	font-size: 0.9em;
	}
div.success span.message,
div.notice span.message,
div.error span.message,
div.failure span.message {
	font-size: 1.1em;
	padding-left: 5px;
	color: black;
	font-weight: lighter;
	font-style: italic;
	}
div.success,
div.notice,
div.error,
div.failure {
	padding: 4px 4px 4px 40px;
/*	margin-bottom: 2px;*/
	background-repeat: no-repeat;
	background-position: 14px 4px;
	border-width: 0px;
	border-style: solid;
	color: white;
	font-weight: bold;
	}
div.success {
	border-color: green;
	background-color: #EFFFEF;
	background-image: url(../../images/icons/check.gif);
	background-position: 16px 7px;
	}
div.notice {
	border-color: green;
	background-color: #EFEFFF;
	background-image: url(../../images/icons/info.png);
	}
div.error {
	border-color: red;
	background-color: #FFDFDF;
	background-image: url(../../images/icons/warning.png);
	}
div.failure {
	border-color: red;
	background-color: #FFDFDF;
	background-image: url(../../images/icons/error.png);
	}

div#messages div.messageList{
	border: 1px solid gray;
	margin-top: 10px;
	margin-bottom: 10px;
	}


input {
	color : black;
	}

input.xxs,
input.xs,
input.s,
input.m,
input.l,
input.xl,
input.xxl {
	background : #FBFBFB;
	border : 1px solid #7F7F7F;
	padding: 2px;
}
input.xs {
	width: 20px;
	}
input.s {
	width: 60px;
	}
input.m {
	width: 120px;
	}
input.l {
	width: 240px;
	}
input.xl {
	width: 360px;
	}

input.label {
	border : none;
	background : none repeat;
	padding : 0px;
	margin : 0px;
	}
input.numeric {
	text-align: right;
	}
input.mandatory {
	border: 1px solid black;
	background: #FFFFFF;
	}

select {
	background : #FBFBFB;
	font-weight : normal;
	color : black;
	border : 1px solid #7F7F7F;
	padding: 1px;
	}
select.xs {
	width : 40px;
	}
select.s {
	width : 80px;
	}
select.m {
	width : 140px;
	}
select.l {
	width : 260px;
	}
select.xl {
	width : 380px;
	}
select.mandatory {
	border: 1px solid black;
	background: #FFFFFF;
	}
select.ss	{width: 120px; height:  60px; }
select.sm	{width: 120px; height: 120px; }
select.sx	{width: 120px; height: 240px; }
select.ms	{width: 240px; height:  60px; }
select.mm	{width: 240px; height: 120px; }
select.mx	{width: 240px; height: 240px; }
select.xs	{width: 360px; height:  60px; }
select.xm	{width: 360px; height: 120px; }
select.xx	{width: 360px; height: 240px; }
select.exex	{width: 500px; height: 300px; }
select.exx	{width: 500px; height: 200px; }
select.exm	{width: 500px; height: 120px; }
select.exs	{width: 500px; height:  60px; }
select.xex	{width: 400px; height: 300px; }
optgroup {
	font-style : normal;
	color : black;
	}
option {
	padding: 1px 3px 1px 3px;
	}
input.but,
input.butshort,
input.buthot, 
input.buthotshort, 
button.but,
button.butshort,
button.buthot ,
button.buthotshort {
	background : #DFDFDF;
	background-image: url(../../images/fade-butt.png);
	border : 1px solid #BFBFBF;
	color : black;
	font-weight: bold;
	cursor : pointer;
	padding: 1px 1em 1px 1em;
	margin-right: 2px;
	}
input.butshort, button.butshort {
	width : 75px;
	}
input.buthot, button.buthot {
	border: 2px solid #9e2828;
	width : 100px;
	}
input.buthotshort {
	background : #9e2828;
	width : 75px;
	}
textarea {
	background : #FBFBFB;
	color : black;
	border : 1px solid #7F7F7F;
	padding: 2px;
	}

input.xs {
	width: 20px;
	}
input.s {
	width: 60px;
	}
input.m {
	width: 120px;
	}
input.l {
	width: 240px;
	}
input.xl {
	width: 360px;
	}


textarea.ss {
	width : 140px;
	height : 60px;
	}
textarea.sm {
	width : 140px;
	height : 120px;
	}
textarea.sl {
	width : 140px;
	height : 200px;
	}
textarea.sxl {
	width : 140px;
	height : 300px;
	}
textarea.ms {
	width : 300px;
	height : 60px;
	}
textarea.mm {
	width : 300px;
	height : 120px;
	}
textarea.ml {
	width : 300px;
	height : 200px;
	}
textarea.mxl {
	width : 300px;
	height : 300px;
	}
textarea.ls {
	width : 415px;
	height : 60px;
	}
textarea.lm {
	width : 415px;
	height : 120px;
	}
textarea.ll {
	width : 415px;
	height : 200px;
	}
textarea.lxl {
	width : 415px;
	height : 300px;
	}
textarea.xls {
	width : 600px;
	height : 60px;
	}
textarea.xlm {
	width : 600px;
	height : 120px;
	}
textarea.xll {
	width : 600px;
	height : 200px;
	}
textarea.xlxl {
	width : 600px;
	height : 300px;
	}

textarea.exex	{width: 100%; height: 400px}
textarea.exx	{width: 500px; height: 200px; }
textarea.exm	{width: 500px; height: 120px; }
textarea.exs	{width: 500px; height:  60px; }
textarea.xex	{width: 400px; height: 300px; }

textarea.code {
	font-family: courier new;
	}

textarea.ed_int {
	width : 415px;
	height : 210px;
	}
fieldset {
	border : 1px solid #6794cd;
	}
input.mandatory,
select.mandatory,
textarea.mandatory {
	border: 1px solid black;
	background : #FFFFFF;
	}


a {
	color: #9F0000;
	text-decoration: none;
	font-size: 1em;
}
a:active {
	color: red;
}
a:link {
}
a:visited {
}
a:hover {
	text-decoration: none;
	color: #DF0000;
	background-color: #EEE;
}

a img {
	border: 1px solid gray;
}
a.image {
	background: none;
	padding: 0px;
}

a.anchor {
}



#paging {
/*	padding-bottom: 8px;*/
	text-align: center;
	margin-top: -3px;
}
#paging span.paging {
}
#paging span.text {
	border: 1px solid #EFEFEF;
	border-top: 0px;
	padding: 2px 6px 2px 6px;
	background: #FFFFFF;
	text-decoration: none;
	color: #3F3F3F;
	font-weight: bold;
	margin-right: 2px;
}

#paging a.paging,
#paging a.paging:link,
#paging a.paging:visited,
#paging a.paging:active  {
	background: #DFDFDF;
	background-image: url(../../images/fade-butt.png);
	border: 1px solid #BFBFBF;
	border-top: 0px;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
	color: black;
	font-weight: bold;
	margin-right: 2px;
}


table.list {
	background: #FFFFFF;
	border-bottom: 1px solid #BFBFBF;
	margin-bottom: 2px;
	}
table.list caption {
	width: 100%;
	text-align: left;
	color: black;
	border-bottom: 2px solid #BFBFBF;
	padding-left: 2px;
	margin-top: 12px;
	}
table.list caption span {
	font-weight: lighter;
	font-size: 1.2em;
	}
table.list th {
	border-bottom: 1px solid #DFDFDF;
	background: #F7F7F7;
	padding: 4px 4px 2px 4px;
	font-style: italic;
	font-size: 0.9em;
	text-align: left;
	}
table.list tr td {
/*	border-top: 1px solid #EFEFEF;*/
	padding: 2px 0px 2px 0px;
	border-bottom: 1px solid #F7F7F7;
	}
table.list tr.list1 {
	background: #FBFBFB;
	}
table.list tr.list2 {
	background: #FFFFFF;
	}

ul {
	list-style: none;
	}

table.list a {
	font-size: 1em;
	}


table.panel {
	background: #F7F7F7;
	border-bottom: 1px solid #BFBFBF;
	margin-bottom: 5px;
	padding: 0.5em;
	}
table.panel caption {
	text-align: left;
	color: black;
	border-bottom: 2px solid #BFBFBF;
	padding-left: 2px;
	}
table.panel caption span {
	font-weight: lighter;
	font-size: 1.2em;
	}
table.panel th {
	border-bottom: 1px solid #DFDFDF;
	background: #FBFBFB;
	padding-left: 4px;
	height: 14px;
	font-style: italic;
	font-size: 0.9em;
	text-align: left;
	}
table.panel tr td {
	padding: 2px 0px 2px 0px;
	}

table.panel td.label {
	}
table.panel td.field {
	}


#content .treeview, .treeview ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	}
#content .treeview li {
	margin: 0px;
	padding: 2px 0pt 3px 18px;
	list-style: none;
	}
#content .treeview li a {
	font-size: 11px;
	}

#content .treeview li a.topic,
#content .treeview li a.case,
#content .treeview li a.hidden {
	background-repeat: no-repeat;
	background-position: -1px -1px;
	padding-left: 18px;
	height: 17px;
	}
#content .treeview li a.topic {
	background-image: url(../../../../images/icons/mini/folder.gif);
	opacity: 0.80;
	}
#content .treeview li a.case {
	background-image: url(../../../../images/icons/mini/page.gif);
	}
#content .treeview li a.hidden {
	background-image: url(../../../../images/icons/mini/page_deny.gif);
	opacity: 0.60;
	}
#content .treeview li.caseStatus0 a.case {
	background-image:url(../../../../images/icons/mini/page_right.gif);
	}
#content .treeview li.caseStatus1 a.case {
	background-image:url(../../../../images/icons/mini/page_settings.gif);
	}
#content .treeview li.caseStatus2 a.case {
	background-image:url(../../../../images/icons/mini/page_cross.gif);
	}
#content .treeview li.caseStatus3 a.case {
	background-image:url(../../../../images/icons/mini/page_tick.gif);
	}
#content .treeview li.topicStatus0 a.topic {
	background-image:url(../../../../images/icons/mini/action_forward.gif);
	}
#content .treeview li.topicStatus1 a.topic {
	background-image:url(../../../../images/icons/mini/action_refresh.gif);
	}
#content .treeview li.topicStatus2 a.topic {
	background-image:url(../../../../images/icons/mini/action_stop.gif);
	}
#content .treeview li.topicStatus3 a.topic {
	background-image:url(../../../../images/icons/mini/icon_accept.gif);
	}


ul.dir li { padding: 2px 0 0 16px; }
#gray.treeview li { background: url(../../../../images/icons/tree/tv-item.gif) 0 0 no-repeat; }
#gray.treeview .collapsable { background-image: url(../../../../images/icons/tree/tv-collapsable.gif); }
#gray.treeview .expandable { background-image: url(../../../../images/icons/tree/tv-expandable.gif); }
#gray.treeview .last { background-image: url(../../../../images/icons/tree/tv-item-last.gif); }
#gray.treeview .lastCollapsable { background-image: url(../../../../images/icons/tree/tv-collapsable-last.gif); }
#gray.treeview .lastExpandable { background-image: url(../../../../images/icons/tree/tv-expandable-last.gif); }

#treecontrol { margin: 1em 0; }

/*@import "thickbox.css";*/





#content table.list tr td div.resultStatus0,
#content table.list tr td div.resultStatus1,
#content table.list tr td div.resultStatus2,
#content table.list tr td div.resultStatus3 {
	padding: 2px;
	text-align: center;
	color: white;
	font-weight: bold;
	}
#content table.list tr td div.resultStatus0 {
	background: lightblue;
	}
#content table.list tr td div.resultStatus1 {
	background: orange;
	}
#content table.list tr td div.resultStatus2 {
	background: red;
	}
#content table.list tr td div.resultStatus3 {
	background: green;
	}



#content table.list tr td div.casePriority1,
#content table.list tr td div.casePriority2,
#content table.list tr td div.casePriority3,
#content table.list tr td div.casePriority4 {
	padding: 2px;
	text-align: center;
	color: white;
	font-weight: bold;
	}
#content table.list tr td div.casePriority1 {
	background: red;
	}
#content table.list tr td div.casePriority2 {
	background: orange;
	}
#content table.list tr td div.casePriority3 {
	background: yellow;
	}
#content table.list tr td div.casePriority4 {
	background: green;
	}
